<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>苏宁易购</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/suning.css">
</head>
<body>
  <div class="bkg"><div class="background"></div></div>

  <div class="guanggao">
    <div class="img"><span></span><img src="images/suning/guanggao.jpg" alt=""></div>
  </div>
  <!-- 搜索栏开始 -->
  

  <div class="search_index">
    <div class="user">
      <a href="#">
        <img src="images/suning/fenlei.png" alt="">
      </a>
      <a href="#">
        <img src="images/suning/gundongtu.gif" alt="">
      </a>
      <a href="#">
        <img src="images/suning/login.png" alt="">
      </a>
    </div>
    <div class="search">
      <a href="#">
        <i></i>
        <span>超市火锅节 天天五折起</span>
      </a>
    </div>
  </div>

  <!-- banner图，轮播图开始 -->
  <div class="banner">
    <ul class="banner_ul">
      <li><a href="#"><img src="images/suning/banner1.png" alt=""></a></li>
      <li><a href="#"><img src="images/suning/banner2.png" alt=""></a></li>
      <li><a href="#"><img src="images/suning/banner3.png" alt=""></a></li>
    </ul>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <a href="#"><img src="images/suning/nav1.png" alt=""><span>苏宁秒杀</span></a>
    <a href="#"><img src="images/suning/nav2.png" alt=""><span>苏宁超市</span></a>
    <a href="#"><img src="images/suning/nav3.png" alt=""><span>苏宁拼购</span></a>
    <a href="#"><img src="images/suning/nav4.png" alt=""><span>手机数码</span></a>
    <a href="#"><img src="images/suning/nav5.png" alt=""><span>苏宁家电</span></a>
    <a href="#"><img src="images/suning/nav6.png" alt=""><span>免费水果</span></a>
    <a href="#"><img src="images/suning/nav7.png" alt=""><span>赚钱消消乐</span></a>
    <a href="#"><img src="images/suning/nav8.png" alt=""><span>签到有礼</span></a>
    <a href="#"><img src="images/suning/nav9.png" alt=""><span>领卷中心</span></a>
    <a href="#"><img src="images/suning/nav10.png" alt=""><span>更多频道</span></a>
  </div>

  <!-- 红包 -->
  <div class="hongbao">
    <div class="hongbao1"><img src="images/suning/hongbai1.png" alt=""></div>
    <div class="hongbao2"><img src="images/suning/hongbao2.gif" alt=""></div>
    <div class="hongbao3"><img src="images/suning/hongbao3.gif" alt=""></div>

  </div>

  <div class="big_blank"></div>

  <!-- 天天低价 苏宁秒杀 -->
  <div class="downmoney">
    <div class="money">
      <div class="miaosha">
        <div class="miaosha_title"><span>天天低价</span></div>
        <p>人气好货限时抢</p>
        <div class="miaosha_img">
          <a href="#"><img src="images/suning/miaosha1.jpg" alt=""><p>￥<span>2</span>.99</p></a>
          <a href="#"><img src="images/suning/miaosha2.jpg" alt=""><p>￥<span>2</span>.9</p></a>
        </div>
      </div>
      <div class="miaosha">
        <div class="miaosha_title"><span>苏宁秒杀</span></div>
        <p>品质好货天天秒</p>
        <div class="miaosha_img">
          <a href="#"><img src="images/suning/miaosha1.jpg" alt=""><p>￥<span>2</span>.99</p></a>
          <a href="#"><img src="images/suning/miaosha2.jpg" alt=""><p>￥<span>2</span>.9</p></a>
        </div>
      </div>
    </div>
  </div>

  <div class="downmoney">
    <div class="money">
      <div class="miaosha">
        <div class="miaosha_title"><span>百亿补贴</span></div>
        <p>大牌补贴天天有</p>
        <div class="miaosha_img">
          <a href="#"><img src="images/suning/miaosha3.webp" alt=""><p>￥<span>2</span>.99</p></a>
          <a href="#"><img src="images/suning/miaosha4.webp" alt=""><p>￥<span>2</span>.9</p></a>
        </div>
      </div>
      <div class="miaosha">
        <div class="miaosha_title"><span>苏宁拼购</span></div>
        <p>两人品更实惠</p>
        <div class="miaosha_img">
          <a href="#"><img src="images/suning/miaosha5.webp" alt=""><p>￥<span>2</span>.99</p></a>
          <a href="#"><img src="images/suning/miaosha6.webp" alt=""><p>￥<span>2</span>.9</p></a>
        </div>
      </div>
    </div>
  </div>
  <!-- 推荐 -->
  <div class="tuijian">
    <div class="tuijian_title">
      <p>为您推荐</p>
      <p>精选频道</p>
    </div>
    <div class="tuijian_img">
      <a href="#"><img src="images/suning/tuijian1.webp" alt=""><p>苏宁国际</p></a>
      <a href="#"><img src="images/suning/tuijian2.webp" alt=""><p>苏宁Outlets</p></a>
      <a href="#"><img src="images/suning/tuijian3.png" alt=""><p>新品首发</p></a>
      <a href="#"><img src="images/suning/tuijian4.webp" alt=""><p>0元试用</p></a>
    </div>
  </div>
  <div class="big_blank"></div>

  <!-- 猜你喜欢 -->
  <div class="cainixihuan_title"><img src="images/suning/cainixihuan.webp" alt=""></div>
  <div class="cainixihuan">
    <div class="cainixihuan_div">
      <a href="#">
        <img src="images/suning/cainixihuan1.webp" alt="">
      </a>
      <p>百草味 坚果 巴旦木 100g 奶油味 干果零食扁桃仁 袋装手剥巴旦木特产满满</p>
      <p class="tips"> <i>自营</i> </p>
      <span class="money">￥24.8</span>
      <span>10万+评价</span>
    </div>
    
    <div class="cainixihuan_div">
      <a href="#">
        <img src="images/suning/cainixihuan1.webp" alt="">
      </a>
      <p>百草味 坚果 巴旦木 100g 奶油味 干果零食扁桃仁 袋装手剥巴旦木特产满满</p>
      <p class="tips"> <i>自营</i> </p>
      <span class="money">￥24.8</span>
      <span>10万+评价</span>
    </div>

    <div class="cainixihuan_div">
      <a href="#">
        <img src="images/suning/cainixihuan1.webp" alt="">
      </a>
      <p>百草味 坚果 巴旦木 100g 奶油味 干果零食扁桃仁 袋装手剥巴旦木特产满满</p>
      <p class="tips"> <i>自营</i> </p>
      <span class="money">￥24.8</span>
      <span>10万+评价</span>
    </div>

    <div class="cainixihuan_div">
      <a href="#">
        <img src="images/suning/cainixihuan1.webp" alt="">
      </a>
      <p>百草味 坚果 巴旦木 100g 奶油味 干果零食扁桃仁 袋装手剥巴旦木特产满满</p>
      <p class="tips"> <i>自营</i> </p>
      <span class="money">￥24.8</span>
      <span>10万+评价</span>
    </div>
  </div>

  <div class="footer">
    <a href="#"><img src="images/suning/shouye.png" alt=""><p>首页</p></a>
    <a href="#"><img src="images/suning/sousuo.png" alt=""><p>分类</p></a>
    <a href="#"><img src="images/suning/paihangbang.png" alt=""><p>排行榜</p></a>
    <a href="#"><img src="images/suning/gouwuche.png" alt=""><p>购物车</p></a>
    <a href="#"><img src="images/suning/wode.png" alt=""><p>我的易购</p></a>
  </div>
</body>
</html>